<template>
	<view class="land-form">
		<image src="../../static/icon/land-img.jpg" class="land-img"></image>
		<view class="info-header-tranparent">
			<view class="back">
				<uni-icons type="arrowleft" class="icon" @click="goBack" color="#fff" size="25" />
			</view>
		</view>
		<view class="info-card">
			<view class="info-name">
				{{landInfo.name}}
			</view>
			<view class="info-loc">
				<uni-icons type="location-filled"  style="padding-right: 15rpx;" color="#4ca3ff" size="15" />{{landInfo.addr}}
			</view>
			<view class="info-loc">
				<uni-icons type="paperplane-filled" style="padding-right: 15rpx;" color="#4ca3ff" size="15" />
				{{landInfo.type}}
			</view>
			<view class="info-loc">
				<uni-icons type="phone-filled" style="padding-right: 15rpx;" color="#4ca3ff" size="15" />
				012-12345
			</view>
			<view class="info-loc">
				<uni-icons type="email" style="padding-right: 15rpx;" color="#4ca3ff" size="15" />
				12345@qq.com
			</view>
			<view class="item-card">
				<view class="card-title">
					足迹打卡
					<view class="right-zone">
						<view style="border: 2rpx #909090 solid;color: #909090; font-weight: 100; border-radius: 25rpx;font-size: 25rpx;padding: 5rpx 20rpx;">
							一键打卡
						</view>
					</view>
				</view>
				<view class="card-content">
					<uni-icons type="location-filled" color="#ffa130" size="20" />
					已到达此地
				</view>
			</view>
			<view class="item-card">
				<view class="card-title">
					问题反馈
					<view class="right-zone" style="color: #909090;font-size: 28rpx;font-weight: 100;">
						反馈 >
					</view>
				</view>
				<view class="card-content">
					信息有误？报告该地点问题
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		onLoad: function(option) {
			if (JSON.parse(decodeURIComponent(option.data))) this.landInfo = JSON.parse(decodeURIComponent(option.data))
		},
		data() {
			return {
				landInfo: {}
			}
		},
		methods: {
			goBack() {
				uni.navigateBack()
			}
		}
	}
</script>

<style>

</style>
